{template 'header'}
{template 'autoHeader','auto'}
<!--评分表单 start-->
<div class="auto-score layout960">
    <form id="auto-score-form" method="post" action="">
        <table id="auto-score-tb">
            <thead>
            <tr>
                <td class="tc" width="115">点评项目</td>
                <td class="tc" width="155">评分</td>
                <td width="440">评分标准</td>
                <td width="245">用车感受</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th>外观</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="app-score" name="app-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>外观样式的接受程度</td>
                <td rowspan="11">
                    <textarea id="use-feeling" name="use-feeling">
【最满意的一点】
【最不满意的一点】

【外观】
【内饰】
【油耗】
【品质】
【配置】
【空间】
【舒适】
【细节】
【加速】
【操控】
【噪音】
                    </textarea>
                </td>
            </tr>
            <tr>
                <th>内饰</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="inner-score" name="inner-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>用料及做工的满意度</td>
            </tr>
            <tr>
                <th>油耗</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="oil-score" name="oil-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>平均使用油耗的满意度</td>
            </tr>
            <tr>
                <th>品质</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="quality-score" name="quality-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>整体质量与车辆使用感受</td>
            </tr>
            <tr>
                <th>配置</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="config-score" name="config-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>依加装配置价值及拆装难度决定加价多少</td>
            </tr>
            <tr>
                <th>空间</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="space-score" name="space-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>乘坐空间及载物空间大小</td>
            </tr>
            <tr>
                <th>舒适</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="comfort-score" name="comfort-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>座椅舒适性及车内静音的满意度</td>
            </tr>
            <tr>
                <th>细节</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="detail-score" name="detail-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>车辆钣金缝隙大小，内饰接口圆滑平滑度等细节感受</td>
            </tr>
            <tr>
                <th>加速</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="speed-score" name="speed-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>0-100公里加速感受</td>
            </tr>
            <tr>
                <th>操控</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="oper-score" name="oper-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>转向精度、路感反馈和悬挂支撑性的综合性能</td>
            </tr>
            <tr>
                <th>噪音</th>
                <td class="star-level">
                    <div>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <span class="off"></span>
                        <input id="noise-score" name="noise-score" type="text" value="0" style="display:none;" />
                    </div>
                </td>
                <td>路噪、胎噪、车噪的分贝大小</td>
            </tr>
            <tr>
                <td colspan="4">
                    <button id="auto-score-sbt" name="auto-score-sbt" type="submit" value="true">提交用车评分</button>
                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
<script type="text/javascript">
    seajs.use(['$'],function($){
        var $star =$("#auto-score-tb").find(".star-level") .find("span");
        if($star.length > 0 ){
            $star.each(function(index, element) {
                $(this).click(function(){
                    var $parent = $(this).parent(),
                            ltIndex = index%5+1;
                    $parent.children("span:lt("+ltIndex+")").removeClass("off").addClass("on");
                    $parent.children("span:gt("+index%5+")").removeClass("on").addClass("off");
                    $(this).siblings("input").val(ltIndex);
                });

                $(this).hover(function(){
                    var $parent = $(this).parent(),
                            ltIndex = index%5+1;
                    $parent.children("span:lt("+ltIndex+")").removeClass("off").addClass("on");
                    $parent.children("span:gt("+index%5+")").removeClass("on").addClass("off");
                },function(){
                    var $parent = $(this).parent(),
                            ltIndex = $(this).siblings("input").val();
                    if(ltIndex>0){
                        $parent.children("span:lt("+ltIndex+")").removeClass("off").addClass("on");
                        $parent.children("span:gt("+(ltIndex-1)+")").removeClass("on").addClass("off");
                    }else{
                        $parent.children("span").removeClass("on").addClass("off");
                    }
                });
            });
        }
    });
</script>
<!--评分表单 end-->
{template 'footer'}